<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      const p1 = new Promise((reslove, reject) => {
        if (Math.random() >= 0.5) {
          reslove("hello");
        } else {
          reject(new Error("..."));
          // throw new Error("...");
        }
      });
      async function fn() {
        // p1.then((data) => {
        //   console.log(data);
        // }).catch((error) => {
        //   console.log(error);
        // });
        // --------------------
        // try {
        //   console.log(await p1);
        //   console.log("hello jack");
        // } catch (error) {
        //   console.log(error);
        // }
        // const data = await p1.catch((error) => {
        //   console.log(error);
        // });
        // console.log(data);
      }
      fn();
    </script>
  </body>
</html>
